// 导航条渲染 kevinE 
// ‎2022‎-12‎-‎23 11:59:59
(() => {
	if(public) {
		let cs = $('link');
		let ps = false;
		for (let c of cs) {
			if (~c.href.indexOf('public.css')) ps = true;
		}
		if (!ps) {
			console.warn('未引入公共CSS文件', 'public.css');
			return false;
		}
	} else {
		console.error('未引入公共JS文件', 'public.js');
		return false;
	}

	// 获取配置文件后执行操作
	getConfig('../config/page.json', res => {
		drawNavBar(res);
		drawTitle(res);
	});

	function drawTitle(cfg) {
		let cfgTitle = cfg.golbal.title;
		let title = $('title')[0];
	}

	// 绘制头部导航
	function drawNavBar(cfg) {
		let cfgPage = cfg.page;
		let path = location.pathname;
		// 判断当前页面是否显示导航头
		let flag = false;
		let data = null;
		for (let i = 0; i < cfgPage.length; i++) {
			if (~path.indexOf(cfgPage[i].path)) {
				flag = cfgPage[i].navBar ? true : false;
				data = cfgPage[i].navBar;
				break;
			}
		}
		// 页面空间
		let zone = $('.zone')[0];
		if (flag) {
			// 主体内容节点
			let ref = $('.main')[0];
			// 页面空间第一个节点
			ref = ref ? ref : zone.children[0];
			// 插入导航
			if (zone && ref) zone.insertBefore(createNavBar(data), ref);
		} else {
			let navBar = $('#nav-bar');
			if (navBar) {
				console.warn('navBar未配置');
				zone.removeChild(navBar);
			}
		}

		// 创建导航头
		function createNavBar(data) {
			// 副标题
			let sub = data.sub || "　";
			// 副标题属性
			let attr = '';
			// 有链接属性
			if (data.link) {
				// 描点
				if (~data.link.indexOf('#')) {
					attr = 'id="' + data.link.substr(1) + '"';
					// 模态框
					if (data.modal) attr += ' onclick="openModal(\'' + data.modal + '\')"';
				}
				// 链接
				else if (data.link) {
					attr = 'href="' + data.link + '.html"';
				}
			}

			let navBar = $('#nav-bar');
			if (!navBar) navBar = document.createElement('div');
			navBar.className = 'nav-bar';
			navBar.innerHTML += '' +
				'<img onclick="javascript:history.back()" src="http://img.qunx.top/xianwang/public/back.png" >' +
				'<h1 id="nav-title">' + (data.text || '标题未配置') + '</h1>' +
				'<a ' + attr + '>' + sub + '</a>';
			return navBar;

		}
	}

	// 打开模态框
	function openModal(id) {
		if (id.indexOf('#')) console.warn('模态框必须配置ID选择器');
		$(id).style.display = 'block';
	}
	window.openModal = openModal;

})();
